<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/vue-2.6.12开发.js"></script>


</head>

<!-- 
    1.Vue中常有的按键别名:
              回车:enter
              删除:delete(捕获 ’删除‘ 和 ‘退格’)
              退出:esc
              空格:space
              换行:tab(特殊 必须配合keydown去使用)
              上:up
              下:down
              左:left
              右:right
    2.Vue未提供的别名按键 可以使用按键原始key值去绑定 注意短横线命名 kebab-case

    3.
    4.
    5.Vue.config.keyCodes.自定义健名=键码 可以自己定制按键别名
 -->
<body>
    <div id="root">
        <input type="text" name="" id="" placeholder="按下回车提示输入" @keyup.ctrl.y="showinfo">
    </div>
    <script>
        const vm = new Vue({
            el: '#root',
            data: {
                name: 'lyf'
            },
            methods: {
                showinfo(e) {
                    // if (e.keyCode !== 13) return
                    console.log(e.target.value);


                }
            }
        })
    </script>
</body>

</html>